<template>
    <div>
        <header>
            <slot name="header1"></slot>
        </header>
        <main>
            <slot></slot>
        </main>

        <p>我是子组件</p>
        <footer>
            <slot name="footer1"></slot>
        </footer>

    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    }
}
</script>
<style scoped></style>